<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="shortcut icon" href="images/favicon.ico" />
    <script src="js/jquery-1.6.3.min.js" type="text/javascript"></script>
    <!--[if (gte IE 6)&(lte IE 8)]>
    <script type="text/javascript" src="js/selectivizr-min.js"></script>
    <![endif]-->
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/custom.min.js" type="text/javascript"></script>
    <script src="js/main.js" type="text/javascript"></script>
    <title>Flowhub HTML version</title>
    <script type="text/javascript">
        // Google Analytics
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-25927203-1']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script');
            ga.type = 'text/javascript';
            ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(ga, s);
        })();
    </script>
</head>
<body>
<noscript>
    <div id="noscript-warning">
        <p>JavaScript is disabled. <em>This site works best with JavaScript enabled</em></p>
    </div>
</noscript>
<!-- begin container -->
<div class="container">
    <!-- begin header -->
    <div id="header" class="clearfix with_social_widget">
        <div id="heading">
            <div id="heading_right">
                <div id="heading_bg">
                    <h1><a href="#"><img src="images/logo.png" alt="Flowhub" /></a></h1>
                    <h2>news + blogging = flow</h2>
                    <!--
                    ** Two Options: **
                       1) advertisement (#adv_468)
                       2) social icons (.share)
                    -->
                    <!--
                    <div id="adv_468">
                        <a href="#">
                            <img src="images/adv_468_filler.png" alt="advertisement"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                    </div>
                    -->
                    <div class="share">
                        <ul>
                            <li><a class="stumbleupon" href="#" title="Flowhub on StumbleUpon">Flowhub on StumbleUpon</a></li>
                            <li><a class="technorati" href="#" title="Flowhub on Technorati">Flowhub on Technorati</a></li>
                            <li><a class="twitter" href="#" title="Flowhub on Twitter">Flowhub on Twitter</a></li>
                            <li><a class="delicious" href="#" title="Flowhub on Delicious">Flowhub on Delicious</a></li>
                            <li><a class="facebook" href="#" title="Flowhub on Facebook">Flowhub on Facebook</a></li>
                            <li><a class="digg" href="#" title="Flowhub on Digg">Flowhub on Digg</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="teal"
        -->
        <div id="navigation" class="teal">
            <a class="home" href="#">home</a>
            <ul id="nav">
	            <li>
                    <a><span>Flowhub pages</span></a>
                    <ul>
                        <li><a href="#">Example Page</a></li>
                        <li>
                            <a href="#">Individual Post</a>
                            <ul>
                                <li><a href="#">Full Width</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Newsletter</a></li>
                        <li>
                            <a href="#">Search</a>
                            <ul>
                                <li><a href="#">No Results</a></li>
                            </ul>
                        </li>
                        <li><a href="404.html">404</a></li>
                    </ul>
                </li>
                <li>
                    <a><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a>menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
                <li>
                    <a href="#"><span>menu item</span></a>
                    <ul>
                        <li><a href="#">menu item that is quite long</a></li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#">menu item</a>
                            <ul>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                                <li><a href="#">menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li><a href="#">menu item</a></li>
            </ul>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="rss" class="red">
            <a href="#">1,634 <span>feed subscribers</span></a>
        </div>
        <!--
        You can either enable this social widget or not. If you don't want to use it then just comment out this whole div block. If you do want to enable this widget then please uncomment the block and add the following class to the header div (#header): with_social_widget
        -->
        <div id="follow">
            <div id="follow_tw">
                <a href="#">5684 <span>followers</span></a>
            </div>
            <div id="follow_fb">
                <a href="#">9864 <span>likes</span></a>
            </div>
        </div>
        <!--
        choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
        default: class="red"
        -->
        <div id="search" class="red">
            <div id="search_right">
                <div id="search_bg">
                    <form class="searchform" method="get" action="#">
                      <fieldset>
                            <legend class="hidden">Search form</legend>
                            <div class="input-holder">
                                <input class="search" name="s" type="text" placeholder="Search Here" />
                            </div>
                        <select id="cat">
                                <option>All Posts</option>
                                <option>Fashion</option>
                                <option>Internet</option>
                                <option>Latest Trends</option>
                                <option>Marketing</option>
                                <option>Stock Market</option>
                                <option>Typography</option>
                                <option>Uncategorized</option>
                          </select>
                          <button value="submit" class="search_btn">Search</button>
                        </fieldset>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- end header --><!-- begin content all_posts.php -->
<div id="content_container">
    <div id="content_container_bg" class="clearfix">
        <div id="content" class="page search">
            <h1 class="results">Viewing <span>all posts</span></h1>
          <div id="postcontainer">
<div class="post">
                    <hr/>
                    <div class="thumb_cont big">
                        <a class="thumb" title="Permanent Link to Here's a Sample Post" href="#">
                            <img alt="example image" src="images/thumbnail-big.jpg"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                        <a href="#" class="comments_balloon">10</a>
                    </div>
                    <h2 class="title"><a title="Permanent Link to Here's a Sample Post" href="#">Here's a Post</a><span class="date">22/09/11</span></h2>

            <p>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
                        took a galley of type and scrambled it to make a type specimen book. It has survived not only
                        five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                        passages.
              </p>
              <a class="more btn" title="Read more about Here's a Sample Post" href="#">
                  <span>read more</span>
              </a>
            </div>
<div class="post">
                    <hr/>
                    <div class="thumb_cont big">
                        <a class="thumb" title="Permanent Link to Here's a Sample Post" href="#">
                            <img alt="example image" src="images/thumbnail-big.jpg"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                        <a href="#" class="comments_balloon">10</a>
                    </div>
                    <h2 class="title"><a title="Permanent Link to Here's a Sample Post" href="#">Here's a Sample Post With a Very Long Title</a><span class="date">22/09/11</span></h2>

            <p>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
                        took a galley of type and scrambled it to make a type specimen book. It has survived not only
                        five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                        passages.
              </p>
              <a class="more btn" title="Read more about Here's a Sample Post" href="#">
                  <span>read more</span>
              </a>
            </div>
            <div class="post">
                    <hr/>
                    <h2 class="title"><a title="Permanent Link to Here's a Sample Post" href="#">Here's a Sample Post With a Very Long Title</a><span class="date">22/09/11</span></h2>

              <p>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
                        took a galley of type and scrambled it to make a type specimen book. It has survived not only
                        five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                        passages.
          </p>
                  <a class="more btn" title="Read more about Here's a Sample Post" href="#">
                      <span>read more</span>
                  </a>
                </div>
            <div class="post">
                    <hr/>
                    <h2 class="title"><a title="Permanent Link to Here's a Sample Post" href="#">Here's a Sample Post</a><span class="date">22/09/11</span></h2>

              <p>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
                        took a galley of type and scrambled it to make a type specimen book. It has survived not only
                        five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                        passages.
          </p>
                  <a class="more btn" title="Read more about Here's a Sample Post" href="#">
                      <span>read more</span>
                  </a>
                </div>
<div class="post">
                    <hr/>
                    <div class="thumb_cont big">
                        <a class="thumb" title="Permanent Link to Here's a Sample Post" href="#">
                            <img alt="example image" src="images/thumbnail-big.jpg"/>
                            <span class="hidden">&nbsp;</span>
                        </a>
                        <a href="#" class="comments_balloon">10</a>
                    </div>
                    <h2 class="title"><a title="Permanent Link to Here's a Sample Post" href="#">Here's a great Post</a><span class="date">22/09/11</span></h2>

            <p>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
                        Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer
                        took a galley of type and scrambled it to make a type specimen book. It has survived not only
                        five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
                        It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum
                        passages.
              </p>
              <a class="more btn" title="Read more about Here's a Sample Post" href="#">
                  <span>read more</span>
              </a>
            </div>
                <hr/>
              <div id="pagination">
                  <a class="newer btn" href="#">newer posts</a>
                  <div id="paginator">
                      <table>
                          <tbody>
                            <tr>
                                <td><span><strong>1</strong></span></td>
                                <td><span><a href="#">2</a></span></td>
                                <td><span><a href="#">3</a></span></td>
                                <td><span><a href="#">4</a></span></td>
                                <td><span><a href="#">5</a></span></td>
                                <td><span><a href="#">6</a></span></td>
                                <td><span><a href="#">7</a></span></td>
                                <td><span><a href="#">8</a></span></td>
                                <td><span><a href="#">9</a></span></td>
                                <td><span><a href="#">10</a></span></td>
                            </tr>
                            <tr>
                                <td colspan="10">
                                    <div class="scroll_bar">
                                        <div class="scroll_thumb">
                                            <div class="scroll_knob"></div>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                          </tbody>
                      </table>
                  </div>
                  <a class="older btn" href="#">older posts</a>
              </div>
            </div>
        </div>
                <!-- begin sidebar -->
      <div id="sidebar">
            <!--
            choose a class between the following colors: black, blue, green, grey, orange, pink, purple, red, teal, yellow
            default: class="teal"
            -->
            <div id="newsletter" class="teal">
                <form action="#" class="newsletterform">
                  <fieldset>
                        <legend class="hidden">get our newsletter</legend>
                    <div class="input-holder">
                            <input type="text" placeholder="Enter E-mail Address" class="email"/>
                      </div>
                      <button class="email_btn">Submit</button>
                    </fieldset>
                </form>
            </div>
        <div id="adv_125">
                <ul>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="odd">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
                    <li class="even">
                        <a href="#"><img alt="your ad here" title="your title here" src="images/youradhere.png"/><span class="hidden">&nbsp;</span></a>
                    </li>
        </ul>
                <div id="adv_w_us">
                    <a class="btn" href="#"><span>Advertise With Us</span></a>
                </div>
          </div>
          <div id="tabs">
              <ul id="tabs_nav">
                  <li class="first selected"><a><span>Top Posts</span></a></li>
                  <li><a><span>Comments</span></a></li>
                  <li><a><span>Latest Posts</span></a></li>
              </ul>
              <div id="tab_top">
                  <div id="tab_btm">
                      <div id="tab_cont">
                          <ul class="small active">
                              <li><a href="#">Iaculis Ante Gravida<span>11</span></a></li>
                              <li><a href="#">Curabitur non<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Postt<span>5</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>4</span></a></li>
                              <li><a href="#">Hello world!<span>3</span></a></li>
                          </ul>
                          <ul class="big">
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                              <li>
                                  <div class="element">
                                      <a href="#" class="author">Dalton Hurd</a>
                                      <p>Curabitur consectetur libero pulvinar semper ac sit amet odio. Fusce alique... <a href="#">View Post</a></p>
                                  </div>
                              </li>
                          </ul>
                          <ul class="small">
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>8</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>1</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>11</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>3</span></a></li>
                              <li><a href="#">Here's a Sample Post<span>2</span></a></li>
                          </ul>
                      </div>
                  </div>
              </div>
          </div>
        </div>
        <!-- end sidebar -->    </div>
</div>
<!-- end content all_posts.php -->
</div>
<!-- end container -->
<!-- begin footer -->
<div id="footer_bg">
  <div class="container">
        <hr/>
        <div id="footer">
            <div class="box">
                <h3><a href="#">Fashion</a></h3>
                <ul>
                    <li><a href="#">Latest Trends</a></li>
                    <li><a href="#">Brands</a></li>
                    <li><a href="#">Seasonal Trends</a></li>
                    <li><a href="#">Accessories</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Technology</a></h3>
                <ul>
                    <li><a href="#">Gadgets</a></li>
                    <li><a href="#">Gaming</a></li>
                    <li><a href="#">Mods</a></li>
                    <li><a href="#">Software</a></li>
                </ul>
                <ul>
                    <li><a href="#">Microsoft</a></li>
                    <li><a href="#">Linux/Unix</a></li>
                    <li><a href="#">Apple</a></li>
                    <li><a href="#">Security</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Business</a></h3>
                <ul>
                    <li><a href="#">Internet</a></li>
                    <li><a href="#">Marketing</a></li>
                    <li><a href="#">Stock Market</a></li>
                    <li><a href="#">Economy</a></li>
                </ul>
            </div>
            <div class="box">
                <h3><a href="#">Design</a></h3>
                <ul>
                    <li><a href="#">Web Design</a></li>
                    <li><a href="#">Typography</a></li>
                    <li><a href="#">Illustration</a></li>
                    <li><a href="#">Print</a></li>
                </ul>
            </div>
      </div>
        <hr/>
      <div id="love">
          <p>Powered by <a href="#" rel="external">WordPress</a>. Icons by <a href="#" rel="external">Komodo Media</a>.</p>
          <p class="credits">Theme by <a href="#" rel="external">Monkify</a></p>
      </div>
    </div>
</div>
<script type="text/javascript">Cufon.now();</script>
<!-- end footer -->
</body>
</html>